<template>
  <div class="background">
    <nav-bar class="navbar" @isopen="open"></nav-bar>
    <list></list>
  </div>
</template>

<script>
import NavBar from "./clockIn-components/NavBar.vue";
import list from "./clockIn-components/list.vue"
export default {
  components: { NavBar,list},
  name: "ClockIn",
}
</script>

<style scoped>
.background {
  /* position: fixed; */
  height: 100%;
  width: 100%;
  background-color: #dddddd07 !important;
}
.navbar {
  background-color:#f5657c;
}
</style>
